<template>
  <div class="bg-white bg-newcolor">
    <div class="container">
      <div class="usercenter clearfix">
        <div class="fl usercenter-left">
          <div class="usercenter-left-top">
            <img src="../../../static/images/img/lvcaijia.jpg" alt="">
            <p>xxxx</p>
            <ul class="usercenter-left-list">
              <li><router-link to="">基本资料</router-link></li>
              <li><router-link to="">我的询价</router-link></li>
              <li><router-link to="Usercenter_store">收藏的商家</router-link></li>
              <li><router-link to="">收藏的产品</router-link></li>
              <li><router-link to="Myorder_waitpay" class="usercenter-left-active">我的订单</router-link></li>
            </ul>
          </div>
        </div>
        <div class="fl myorder-route-right">
          <p class="title">购买的商品</p>
          <div class="clearfix mgt-30 myorder-route-right-list">
            <!-- <img src="../../../static/images/img/lvcaijia.jpg" alt="" class="fl">
            <p class="fl">供应浙江诺盾板框式压滤机1250型</p> -->
            <div class="myorder-content">
              <el-row :gutter="24" class="myorder-table-top">
                <el-col :span="9"><div>产品名</div></el-col>
                <el-col :span="5"><div>单价</div></el-col>
                <el-col :span="5"><div>数量</div></el-col>
                <el-col :span="5"><div>总价</div></el-col>
              </el-row>
              <div class="myorder-table-list">
                <el-row :gutter="24">
                  <el-col :span="9">
                    <router-link to="" class="clearfix myorder-name">
                      <img src="../../../static/images/img/industry-list-img.png" alt="" class="fl myorder-name-img">
                      <p class="fl myorder-name-text">供应浙江诺盾板框式压滤机1250型</p>
                    </router-link>
                  </el-col>
                  <el-col :span="5"><div class="lh-80">99</div></el-col>
                  <el-col :span="5"><div class="lh-80">8</div></el-col>
                  <el-col :span="5"><div class="lh-80">99</div></el-col>
                </el-row>
              </div>
            </div>
          </div>
          <div class="myorder-route-right-info">
              <p>物流信息</p>
            </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name:'Myorder_route',
  data(){
      return{
      }
  },
  methods:{
  },
  created:function () {
    this.$emit('public_header', false);
    this.$emit('public_headerhover', true);
    this.$emit('public_footer', true);
  },
}
</script>

<style>
 @import '../../../static/style/myorder_route';
  @import '../../../static/style/usercenter';
</style>
